<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页列表页</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/head.css"/>
		<link rel="stylesheet" type="text/css" href="css/prodetail.css"/>
		<link rel="shortcut icon" type="text/css" href="./favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="css/buttom.css"/>
	</head>
	<body>
		<!-- 外部容器 -->
		<div class="web">
			
			<!-- 公共头部 开始 -->
			<header>
				<div class="content">
					<!-- 关于我们 -->
					<div class="fr c_right">
						<ul>
							<li><a href="">关于我们</a><span>|</span></li>
							<li><a href="">联系我们</a><span>|</span></li>
							<li><a href="">中文版</a><span>|</span></li>
							<li><a href="">English</a><span>|</span></li>
							<li><a href="">微博入口</a><span>|</span></li>
							<li><a href="">敦冠视像</a></li>
						</ul>
					</div>
					<div class="clear"></div>
					<!-- logo+导航 -->
					<div class="c_bot">
						<!-- logo 开始 -->
						<div class="fl logo">
							<img src="images/images/logo_03.jpg" >
						</div>
						<!-- logo 结束 -->
						
						<!-- 导航条 开始 -->
						<nav class="fr nav">
							<ul>
								<li><a href="index.html" id="oneli">首页</a></li>
								<li><a href="prodetail.html" id="lastli">音响</a></li>
								<li><a href="details.html" id="lastli">家庭系统</a></li>
								<li><a href="" id="lastli">商业系统</a></li>
								<li><a href="" id="lastli">客户服务</a></li>
								<li><a href="" id="lastli">产品与科技</a></li>
								<li><a href="" id="lastli">工程案例</a></li>
								<li><a href="" id="lastli">资讯</a></li>
							</ul>
							<div class="navline">
								<img src="images/images/导航字下划线_10.jpg" >
							</div>
						</nav>
						
						<!-- 导航条 结束 -->
						<!-- 清除浮动 -->
						<div class="clear"></div>
					</div>
				</div>
			</header>
			<!-- 公共头部 结束 -->
			
			
			
			
			
			<!-- 主体部分 开始 -->
			<div class="banner">
				<!-- 主体背景图 开始 -->
				<div class="mainimg">
					
					<!-- 左侧导航栏 开始 -->
					<div class="left_nav">
						
						<!-- 导航 开始 -->
						<div class="n_na">
							<ul class="na_ul">
								<li>
									<img src="images/images/导航栏箭头_03.jpg" >
									<a href="#">
										<span id="spfirst">业内新闻</span>
										<span id="spsecond">NEWS</span>	 
									</a>
								</li>
								<li>
									<img src="images/images/导航2箭头_03.jpg" >
									<a href="#">
										<span id="sp1">媒体报道</span>
										<span id="sp2">REPORTS</span>
									</a>
								</li>
								<li>
									<img src="images/images/导航2箭头_03.jpg" >
									<a href="#">
										<span id="sp1">其他资料</span>
										<span id="sp2">DATA</span>
									</a>
								</li>
								<li>
									<img src="images/images/导航2箭头_03.jpg" >
									<a href="#">
										<span id="sp1">主要成就</span>
										<span id="sp2">ACHIEVEMENT</span>
										 
									</a>
								</li>
								<li>
									<img src="images/images/导航2箭头_03.jpg" >
									<a href="#">
										<span id="sp1">公司发展</span>
										<span id="sp2">THE COMPANY</span>
									</a>
								</li>
							</ul>
						</div>
						<!-- 导航 结束 -->
						
						<!-- 电话 开始 -->
						<div class="n_phone">
							<img src="images/images/小灵通_03.jpg" >
							<p>0755-25023651</p>
							<p>0755-25023653</p>
						</div>
						<!-- 电话 结束 -->
						
					</div>
					<!-- 左侧导航栏 结束 -->
					
					<!-- 右侧新闻栏 开始 -->
					<div class="right_content">
						
						<!-- 标题 开始 -->
						<div id="con_biaoti">
							<p id="p_1">NEWS</p>
							<p id="p_2">业内新闻</p>
						</div>
						<!-- 标题 结束 -->
						<hr />
						<!-- 主内容 开始 -->
						<div class="con_type">
							
							<!-- 业内新闻标题 开始 -->
							<div class="c_t_ty">
								<p id="ty_p1">首页>业内新闻</p>
								<p id="ty_p2">更新日期：2015-11-18</p>
							</div>
							<!-- 业内新闻标题 结束 -->
							<hr />
							<!-- 第一栏 开始 -->
							<div class="c_t_one">
								<p id="one_p1">家庭影院领航者敦冠科技签约三亚温德姆度假酒店</p>
								<img src="images/images/酒店img.jpg" id="one_img">
								<p id="one_p2">
									家庭影院领航者敦冠科技签约三亚大型酒店，
									再次证明了在敦冠在建设影院行业领导者地位......
								</p>
							</div>
							<!-- 第一栏 结束 -->
							
							<!-- 第二栏 开始 -->
							<div class="c_t_two">
								<p id="two_p1">敦冠影音-本月签单珠海凤凰山脚下明月山溪别墅项目</p>
								<img src="images/images/乡村酒店_10.jpg" id="two_img">
								<p id="two_p2">
									珠海明月山溪地处正在崛起中高端住宅区————新香洲红门楼片区，
									项目三面环绕城市龙脉凤凰山麓，西邻规划中全市最大生态公园，
									南兆繁华城市。
								</p>
							</div>
							<!-- 第二栏 结束 -->
							
							<!-- 第三栏 开始 -->
							<div class="c_t_three">
								<p id="three_p1">家庭影院功放新品，全面升级杜比全景声</p>
								<img src="images/images/杜比全景_07.jpg" id="three_img">
								<p id="three_p2">
									日本，大阪(2014/9/26)安桥宣布2014新品网络影音接收机产品
									TX-NR636，TX-NR737和TX-NR838的杜比全景声支持固件已提供下载。
									这个免费的升级可以通过网络连接或者USB下载进行更新。
								</p>
							</div>
							<!-- 第三栏 结束 -->
							
							
							<!-- 结尾目录 开始 -->
							<div class="c_t_footer">
								<ul class="ft_ul">
									<li id="f_ul_li"><a href="">1</a></li>
									<li id="f_ul_li"><a href="">2</a></li>
									<li id="f_ul_li"><a href="">3</a></li>
									<li id="f_ul_li"><a href="">4</a></li>
									<li id="f_ul_li"><a href="">5</a></li>
									<li id="f_ul_li2"><a href="">下一页&gt;</a></li>
									<li id="f_ul_li3"><a href="">尾页</a></li>
								</ul>
							</div>
							<!-- 结尾目录 结束 -->
							
							
							
						</div>
						<!-- 主内容 结束 -->
						
					</div>
					<!-- 右侧新闻栏 结束 -->
					
					<!-- 左下侧大耳机 开始 -->
					<div class="left_bigear">
						<img src="images/images/最新大耳机_02.png" >
					</div>
					<!-- 左下侧大耳机 结束 -->
				</div>
				<!-- 主体背景图 结束 -->
			</div>
			
			
			
			
			
			
			
			
			<!-- 主体部分 结束 -->
			
			
			
			
			
			
			<!-- 底部部分 开始 -->
			<!-- 底部栏 开始 -->
			<div class="buttom">
				
				<!-- 联系方式 开始 -->
				<div class="b_number">
					
					<!-- 左侧二维码 开始 -->
					<div class="b_n_er">
						<img src="images/images/二维码_15.jpg" >
						<p>扫描二维码了解更多内容</p>
					</div>
					<!-- 左侧二维码 结束 -->
					
					<!-- 联系方式 开始 -->
					<div class="b_n_num">
						
						<!-- 联系方式标题 开始 -->
						<p>联系方式:</p>
						<!-- 联系方式标题 结束 -->
						
						<!-- 电话号码 开始 -->
						<div id="phonenum">
							<img src="images/images/小电话_03.jpg" >
							<p id="p_p1">0755-25023651 0755-25023653</p>
							<p id="p_p2">0755-25023658 0755-25023659</p>	
								
							
						</div>
						<!-- 电话号码 结束 -->
						
						<!-- 电子邮件 开始 -->
						<div id="email">
							<img src="images/images/电子邮件_03.jpg" >
							<p>12311231@qq.com</p>
						</div>
						<!-- 电子邮件 结束 -->
						
						<!-- 公司地点 开始 -->
						<div id="local">
							<img src="images/images/定位图_06.jpg" >
							<span>深圳市深南中路绿景广场(NEO企业大道)B栋32F</span>
						</div>
						<!-- 公司地点 结束 -->
						
					</div>
					<!-- 联系方式 结束 -->
					
					<!-- 用户反馈 开始 -->
					<div class="b_n_user">
						<p>用户反馈:</p>
						
						<!-- 你的名字 开始 -->
						<div id="u_name">
							<input type="text" value="你的名字" id="u_name_i">
						</div>
						<!-- 你的名字 结束 -->
						
						<!-- 你的电子邮箱 -->
						<div id="u_email">
							<input type="text" value="你的电子邮箱" id="u_name_e">
						</div>
						<!-- 你的电子邮箱 -->
						
						<!-- 请输入一个标题 开始 -->
						<div id="u_biaoti">
							<input type="text" value="请输入一个标题" id="u_name_b">
						</div>
						<!-- 请输入一个标题 结束 -->
						
						<!-- 留言内容 开始 -->
						<div id="u_type">
							<input type="text" value="请输入你要留言的内容" id="u_name_u">
						</div>
						<!-- 留言内容 结束 -->
						
						<!-- 留言按钮 开始 -->
						<div id="u_btn">
							<button type="button" id="u_name_btn">留言</button>
						</div>
						<!-- 留言按钮 结束 -->
						
					</div>
					<!-- 用户反馈 结束 -->
					
				</div>
				<!-- 联系方式 结束 -->
				
				<!-- 过渡三角栏 开始 -->
				<div class="b_sanjiao">
					<img src="images/images/三角过渡_02.jpg" >
				</div>
				<!-- 过渡三角栏 结束 -->
				
				<!-- 相关协议 开始 -->
				<div class="b_agree">
					<div class="b_a_t">
						<span id="t_p1">深圳市敦冠科技有限公司</span>
						<span id="t_p2">Shenzhen Topcrest Technology C0.Ltd</span>
						<span id="t_p3">ShenZhen Topcrest Tehnology Co.,Ltd,
			               All Rights Reserved/Powered By Ciya Interactive
						   粤ICP备09077069号-2
						</span>
					</div>
					
				</div>
				<!-- 相关协议 结束 -->
				
			</div>
			<!-- 底部栏 结束 -->
			<!-- 底部部分 结束 -->
		</div>
	</body>
</html>
